<div class="jumbotron" style="color: #444">
	<h3>Keyhole Markup Language</h3>
	<p>
		<img src="http://upload.wikimedia.org/wikipedia/en/thumb/b/b1/Keyhole_Markup_Language.png/220px-Keyhole_Markup_Language.png" />
	</p>
	<p>Keyhole Markup Language (KML) is an XML notation for expressing geographic annotation and visualization within Internet-based, two-dimensional maps and three-dimensional Earth browsers.</p>
	<p>
		Use <a href="https://www.google.com/earth/" target="gEarth" style="color: #0000ff">Google Earth</a> to visualize your exported data.
	</p>
	<p>
	<div class="input-group">
		<input type="text" id="kmlFile" style="color: #444;" class="form-control">
		<div class="input-group-btn">
			<button class="btn btn-primary" onclick="exportKMLfile(); return false;">Export KML</button>
		</div>
	</div>
	</p>
	<p>
	<div id="exportResultKML"></div>
	</p>
</div>

<div class="jumbotron" style="color: #444">
	<h3>Finalministy XML</h3>
	<p>
		<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/68/XML.svg/200px-XML.svg.png" />
	</p>
	<p>Export your entire congregation as a finalministry XML file. You can use it as backup of your data or send it to another brother.</p>
	<p>
	<div class="input-group">
		<input type="text" id="fmXmlFile" style="color: #444;" class="form-control">
		<div class="input-group-btn">
			<button class="btn btn-primary" onclick="exportFmXmlfile(); return false;">Export Finalministry XML</button>
		</div>
	</div>
	</p>
	<p>
	<div id="exportResultFinalministry"></div>
	</p>
</div>

<!-- http://www.devx.com/Java/Article/17301/0/page/3 -->

<div class="jumbotron" style="color: #444">
	<h3>Excel</h3>
	<p>
		<img src="#HOME#/icons/xls.png" />
	</p>
	<p>Excel is a spreadsheet application developed by Microsoft. It's possible to open excel files also in OpenOffice.</p>
	<p>
	<div class="input-group">
		<input type="text" id="csvFile" style="color: #444;" class="form-control">
		<div class="input-group-btn">
			<button class="btn btn-primary" onclick="exportCsvFile(); return false;">Export XLS</button>
		</div>
	</div>
	</p>
	<p>
	<div id="exportResultCsv"></div>
	</p>
</div>

<div class="jumbotron" style="color: #444">
	<h3>CSV</h3>
	<p>
		<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/38/CsvDelimited001.svg/200px-CsvDelimited001.svg.png" />
	</p>
	<p>CSV is a common, relatively simple file format. Microsoft Excel will open .csv files. OpenOffice.org Calc and LibreOffice Calc handle CSV files and pasted text with a Text Import dialog asking the user to manually specify the delimiters, encoding, format of columns, etc.</p>
	<p>
	<div class="input-group">
		<input type="text" id="csvFile" style="color: #444;" class="form-control">
		<div class="input-group-btn">
			<button class="btn btn-primary" onclick="exportCsvFile(); return false;">Export CSV</button>
		</div>
	</div>
	</p>
	<p>
	<div id="exportResultCsv"></div>
	</p>
</div>

<!-- 
Also upload or delete the website from Finalministry. Include this in the settings
http://www.mysamplecode.com/2013/06/sftp-apache-commons-file-download.html
 -->
<div class="jumbotron" style="color: #444">
	<h3>Website</h3>
	<p>
		<img src="#HOME#/icons/html.png" />
	</p>
	<p>Export all non privacy relevant data, like territory bounderies and street names, as a html web page collection, ready to deploy on a web hosting service.</p>
	<p>Preachers from your congregation can then access it without a password and download the data in different format. For example all streets and housenumbers of a specific territory.</p>
	<p>
	<div class="input-group">
		<input type="text" id="htmlFile" style="color: #444;" class="form-control">
		<div class="input-group-btn">
			<button class="btn btn-primary" onclick="exportWebPage(); return false;">Export Website</button>
		</div>
	</div>
	</p>
	<p>
	<div id="exportResultWebsite"></div>
	</p>
</div>

<script type="text/javascript">
	function exportKMLfile() {

		$.get("export/kml?kmlFile=" + $('#kmlFile').val(), function(data) {
			$("#exportResultKML").html(data);
			$('#kmlFile').val("");
		});
	}
</script>